<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="security" uri="http://www.springframework.org/security/tags" %>
<!DOCTYPE html>
<html ng-app="BootApplication">

<head>
	<meta http-equiv="Content-Type" content="Wordpress themetext/html; charset=UTF-8">
	<title>AcquariumWeb</title>
	<!-- Behavioral Meta Data -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" type="image/png" href="img/small-logo-01.png">
    <link type="text/javascript" src="<%=request.getContextPath()%>/css/googleapis.css"></script>
	<link type="text/javascript" src="<%=request.getContextPath()%>/css/googlefontapis.css"></script>
	<!-- Import plugin -->
	<jsp:include page="core/head.jsp"></jsp:include>
</head>
<body ng-controller="HeadController">
	<session-timeout></session-timeout>

	<!-- TOP-BAR -->
	<jsp:include page="core/top-bar.jsp"></jsp:include>

	<!-- HEADER -->
	<div id="wrapper-header">
		<div id="main-header" class="object">
			<div class="logo logoTitle logoPreTitle">{{'page.my.tank.pretitle' | translate}}</div>
			<div class="logo logoTitle">{{'page.my.tank.title' | translate}}</div>
	        <div id="main_tip_search"> 
				<form>
					<input type="text" name="search" id="tip_search_input" list="search" autocomplete=off required>
				</form>
			</div>
	    </div>
	</div>

	<!-- NAV-BAR -->
	<jsp:include page="core/nav-bar.jsp"></jsp:include>
	
	<!-- PORTFOLIO -->
	<div id="wrapper-container" ng-controller="PortfolioController">
		<div class="container object">
			<div id="main-container-image" class="index-tab">
				<section class="work">
					<a href="{{figure.link}}" ng-repeat="figure in indexFigures">
						<figure id="{{figure.id}}" class="white">
							<img src="{{figure.img}}" alt="" />
							<dl>
								<dt>{{figure.title}}</dt>
								<dd>{{figure.text}}</dd>	
							</dl>
                        	<div class="wrapper-part-info">
                           		<div class="part-info-image {{figure.classname}}">{{figure.letter}}</div>
	                           	<div class="part-info">{{figure.title}}</div>
							</div>
                    	</figure>
                    </a>	
				</section>
			</div>	
		</div>
		<div id="wrapper-thank">
	    	<div class="thank">
	        	<div class="thank-text">Acquarium<span style="letter-spacing:-5px;">-</span>Web</div>
	    	</div>
		</div>
		<!-- MAIN-CONTAINER-FOOTER -->
		<jsp:include page="core/main-container-footer.jsp"></jsp:include>
	    
	    <!-- WRAPPER-COPYRIGHT -->
		<jsp:include page="core/wrapper-copyright.jsp"></jsp:include>
	</div>

	<!-- SCRIPT -->
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/googleapisjquery.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.scrollTo.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.localScroll.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-animate-css-rotate-scale.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/fastclick.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.animate-colors-min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.animate-shadow-min.js"></script>    
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/main.js"></script>
</body>
</html>
